﻿@inherits LayoutComponentBase
@namespace AntDesign


<div class="sidebar">
    <Menu DefaultSelectedKeys=@(new[]{"1"})
          DefaultOpenKeys=@(new[]{"sub1"})
          Mode=MenuMode.Inline
          Theme=MenuTheme.Dark>
        <SubMenu Key="sub1" Title=sub1Title>
            <MenuItem Key="5">Option 5</MenuItem>
            <MenuItem Key="6">Option 6</MenuItem>
            <MenuItem Key="7">Option 7</MenuItem>
            <MenuItem Key="8">Option 8</MenuItem>
        </SubMenu>
        <SubMenu Key="sub2" Title=sub2Title>
            <MenuItem Key="9">Option 9</MenuItem>
            <MenuItem Key="10">Option 10</MenuItem>
        </SubMenu>
    </Menu>
</div>

<div class="main">
    <div class="content px-4">
        @Body
    </div>
</div>

@code
{
    RenderFragment sub1Title =
    @<span>
        <Icon Type="mail" Theme="outline"></Icon>
        <span>Navigation One</span>
    </span>;

    RenderFragment sub2Title =
    @<span>
    <Icon Type="appstore" Theme="outline"></Icon>
    <span>Navigation Two</span>
    </span>;

}
